import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import {resolve} from 'path'

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [vue()],
    resolve: {
        alias: {
            '@': resolve(__dirname,'./src')
        }
    },
    base: './', // 打包路径
    server: {
        port: 4000, // 服务端口号
        open: true, // 服务启动时是否自动打开浏览器
        cors: true, // 允许跨域
        proxy: {
            // 字符串简写写法
            // /foo/123 => http://localhost:4567/124,
            // '/foo': 'http://localhost:4567',
            // 选项写法
            // '/api': {
            '/admin': {
              // 代理的目标地址
              target: 'https://shop.fed.lagou.com/api',
      
              // 兼容基于名称的虚拟主机
              // a.com localhost: xxx
              // b.com localhost: xxx
              // HTTP 请求头部的 origin 字段
              // 开发模式: 默认的 origin 是真实的 origin: localhost: 3000
              // changeOrigin: true => 代理服务会把 origin 修改为目标地址 http://jsonplaceholder.typicode.com
              changeOrigin: true
      
              // 路径重写
              // http://jsonplaceholder.typicode.com/api/xxx
              //    /api/xxx => http://jsonplaceholder.typicode.com/api/xxx
              // http://jsonplaceholder.typicode.com/xxx
              //    /api/xxx => http://jsonplaceholder.typicode.com/api/xxx
              // rewrite: (path) => path.replace(/^\/api/, '')
            }
          }
    }
})
